<template>
	<view class="introduce">
		<!-- <template v-if="contents"> -->
			<!-- <u-parse :content="contents" ></u-parse> -->
			<view v-html="contents"></view>
		<!-- </template> -->
		<!-- <image src="@/static/images/pic_yt_jieshao.png" mode=""></image> -->
	</view>
</template>

<script>
	export default {
		props:{
			content:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				contents:''
				// content: `
				// 	<p>露从今夜白，月是故乡明</p>
				// 	<img src="../../../static/images/pic_yt_jieshao.png" />
				// `
			}
		},
		mounted() {
			this.$nextTick(() => {
				setTimeout(() => {
					this.contents = `<div style="color:#fff;">${this.content}</div>`
				},800)
			})
			console.log('this.c',this.contents)
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.introduce {
		image {
			width: 750rpx;
			height: 1374rpx;
		}
	}
</style>